<template>
  <div class="module">
       <el-tabs v-for="(i,index) in Data" :key="index">
           <el-tab-pane :label="i.tabsLabel" >
               <table class="detailtable">
                   <tr v-for="(tr,trIndex) in i.table" :key="trIndex" >
                       <td v-for="(td,tdIndex) in tr" :key="tdIndex" :width="td.width" :colspan="td.colspan">{{ td.value }}</td>
                   </tr>
                   <!-- <tr>
                       <td width="15%">企业类型</td>
                       <td colspan="3">{{dataList.qylx | filterQylx(qylxList)}}</td>
                   </tr>
                   <tr>
                       <td width="15%">注册地址</td>
                       <td colspan="3">{{dataList.zs}}</td>
                   </tr> -->
               </table>
           </el-tab-pane>
       </el-tabs>
   </div>
</template>

<script>
export default {
   props: {
       Data: {
           type: Array,
           default(){
               return []
           }
       }
   },
   data(){
       return {

       }
   },
   methods: {
       toggleClick() {
           this.$emit('toggleClick')
       }
   }
}
</script>

<style scoped="scoped" lang="scss">
.module{
   /deep/ .el-tabs{
       .el-tabs__content{
           overflow: auto;
           .detailtable{
               width: 100%;
               border-collapse: collapse;
               border-spacing: 0; 
               border:#e5e5e5 solid 1px;
               tr{
                   width: 100%;
               }
               td{ 
                   padding: 8px 10px; 
                   text-align: left; 
                   line-height: 24px; 
                   font-size: 14px;
                   color:#434343;  
                   border:#e5e5e5 solid 1px;
                   font-weight: normal;
                   background-color:#fff;
                   word-break:break-all;
               }
           }
       }
       
   }
}
</style>